@model MainModel

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>@Model.Main.Title</title>
  <meta name="description" content="@Model.Main.Description">
  <link rel="alternate" type="application/rss+xml" title="@Model.Main.Title" href="@Model.Main.AbsoluteUrl" />
  <link rel="canonical" href="@Model.Main.AbsoluteUrl" />
  <!-- TODO: These variables comes from customfiedls -->
  <style>
    :root {
      /* accent color */
      --bf-color: #622aff;
      /* header */
      --bf-header-title-size: 1.5rem;
      --bf-header-title-weight: 700;
      --bf-header-title-color: #000;
      --bf-header-title-hover: #622aff;
      /* logo */
      --bf-header-logo-width: auto;
      --bf-header-logo-height: 1.5rem;
      /* post */
      --bf-post-width: 43.75rem;
      /* radius */
      --bf-radius: .5rem;
    }
  </style>
  <link rel="stylesheet" href="~/_content/@ThemesStandardConstant.AssemblyName/css/blogifier.css">
  @Html.Raw(Model.Main.HeaderScript)
</head>
<body>
  <partial name="../components/header.cshtml" />
  @RenderBody()
  <partial name="../components/footer.cshtml" />
  <script src="~/_content/@ThemesStandardConstant.AssemblyName/js/blogifier.js"></script>
  <script src="~/_content/@ThemesStandardConstant.AssemblyName/js/main.js"></script>
  @RenderSection("FooterScript", required: false)
  @Html.Raw(Model.Main.FooterScript)
</body>

</html>

